<%-- 
    Document   : register
    Created on : Jan 5, 2012, 10:26:41 PM
    Author     : Turtle
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="jstl" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><!-- #BeginTemplate "/Templates/my-template.dwt" --><!-- DW6 -->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Register Apple Online Store</title>
        <link href="style/my-style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" target="_blank"></script> 
        <script type="text/javascript" src="javascripts/my-script.js" charset="utf-8"></script>  
    </head>

    <body>
        <div class="container">	
            <div id="header" class="default">
                <a id="menu-item" href="home?action=load">Home</a>
                <a id="menu-item" href="store?action=loadl">Store</a>
                <a id="menu-item" href="mac?action=loadl">Mac</a>
                <a id="menu-item" href="ipod?action=loadl">iPod</a>
                <a id="menu-item" href="iphone?action=loadl">iPhone</a>
                <a id="menu-item" href="ipad?action=loadl">iPad</a>
                <a id="menu-item" href="itunes?action=loadl">iTunes</a>
                <a id="menu-item" href="support?action=loadl">Support</a>
                <input type="text" id="search" name="search" value="Search Store"/>
            </div>	
            <div class="content-register">
                <form action="register" method="POST">
                    <div class="shadow-left-login"></div>
                    <div class="shadow-right-login"></div>
                    <div class="title-login">
                        <p>REGISTER</p>
                    </div>
                    <div class="error-login">
                        <jstl:if test="${error_info==null}">
                            <p>Enter your account's info</p>
                        </jstl:if>
                        <jstl:if test="${error_info!=null}">
                            <p class="important-string">${error_info}</p>
                        </jstl:if>
                    </div>			
                    <input class="username-login" type="text" name="register_name" value="${ss_re_name}"/>
                    <input class="password-login" type="password" name="register_repassword"/>
                    <input class="password-login" type="password" name="register_password"/>
                    <input class="email-register" type="text" name="register_email" value="${ss_re_email}"/>
                    <input class="my-button" type="submit" value="Register"/>
                    <p class="account-text">Account name: </p>
                    <p class="password-text">Password: </p>
                    <p class="repassword-text">Confirm pass: </p>
                    <p class="email-text">Email: </p>
                    <div class="recaptcha">
                        <%
                            net.tanesha.recaptcha.ReCaptcha rc = net.tanesha.recaptcha.ReCaptchaFactory.newReCaptcha("6LcUpMgSAAAAAFiLeotrBwa7mCIckP6uJEyqWvST", "6LcUpMgSAAAAADvB3WhgJac8hmj1hVk7rvSY-72F", false);
                            out.print(rc.createRecaptchaHtml(null, null));
                        %>
                    </div>
                    <div class="info-text">
                        <div>Has got account ? <a href="login">&nbsp;Log in</a></div>
                    </div>
                    <img class="apple-login" src="images/minibackground.png" />
                    <input type='hidden' name="action" value='register'/>
                </form>
            </div>
        </div>
    </body>
</html>
